草庐IT

HTML5 Canvas 矢量图形?

全部标签

javascript - 将 HTML 返回给 AJAX Rails 调用

读完DavidHeinemeierHansson的blogpost关于服务器生成的javascript我决定回顾一下我在Rails应用程序中进行AJAX调用的方法。大卫的建议是创建一个.js.erb模板,它只是嵌入了在服务器上生成的ruby​​代码的javascript,而不是在客户端javascript中进行任何DOM操作。当然,另一种方法是在客户端简单地执行所有操作,并且(例如)从服务器返回一个表示更新对象的JSON对象,并使用javascript执行所有DOM操作。我不喜欢第一种方法有两个原因:1)我在我的应用程序中使用HAML和Coffeescript,并且觉得通过使用vani

javascript - Angular JS : include partial HTML inside another ng-include

我使用的是用Yeoman创建的index.html,它看起来像这样:...现在,我知道我不能在另一个ng-include中使用ng-include,所以我什至没有尝试,但就是这样我想要实现的目标。我在我的ma​​in.html中使用ui.router作为嵌套View,但我不能这样做:一个天真的解决方案是删除第一个ng-include并在ma​​in.html中将其用于页眉、页脚和类似内容。所以,用你所拥有的来打我,但不要用那个!编辑:这是我想要的(但不能,因为我已经在ng-include中) 最佳答案 如果我对你的理解正确,那一切皆

javascript - mouseenter 更改 anchor 内的 HTML 后 mouseleave 未触发

我确定我忽略了一些东西,但在我替换触发mouseenter的anchor标记内的html后,我似乎无法触发“mouseleave”事件。在此处添加代码,但如果您访问下面的JSFiddle链接并将鼠标悬停在星形图标上,它实际上会简单得多。$(document).ready(function(){$(document).on('mouseenter','[id^=star-]',function(){$('[id^=star-]').html('');}).on('mouseleave','[id^=star-]',function(){$('[id^=star-]').html('');

javascript - HTML 表单似乎正在提交 *both* POST 和 GET?

这不是this等问题的重复,而是相反:我有一个通过jQuery提交的表单$('',{action:'service',method:'post',target:'_blank'}).append($('',{type:'hidden',name:'payload',value:JSON.stringify(payload)})).appendTo('body').submit().remove();这样做是为了我可以用HTML打开不同的页面。由于我需要提交相当多的复杂信息,我实际做的是将它们全部序列化为一个大的JSON字符串,然后创建一个只有一个字段(“payload”)的表单并提交那

javascript - 使用 AngularJS html5Mode (back4app/Parse-Server) 时如何解析 ExpressJS 路由

我正在使用使用Parse-Server的back4appBaaS服务。对于客户端,我使用html5Mode(true);运行AngularJS;我的问题是这不起作用:http://app.rizop.tv/dashboard虽然这是正确的:http://app.rizop.tv知道如何修复expressJS以正确的方式处理我的路由吗?我有这个配置:云\app.js//Helpermodulesthatwillbeusedvarpath=require('path');varbodyParser=require('body-parser')//ThisimportstheRouterth

javascript - 如何在D3中旋转图形?

任务是用d3旋转图形,类似PowerPoint的方式:得到thisexample,试图实现相同的行为。无法理解,错误在哪里-人物在摇晃,没有按照应有的方式旋转。functiondragPointRotate(rotateHandleStartPos){rotateHandleStartPos.x+=d3.event.dx;rotateHandleStartPos.y+=d3.event.dy;constupdatedRotateCoordinates=r//calculatesthedifferencebetweenthecurrentmousepositionandthecenter

javascript - 在 contenteditable 中删除选择范围内的所有 HTML 标签

我有一个这是contenteditable并且可以包含多种类型的HTML元素,例如,,,等等。现在,当我在contenteditable中选择文本时我想要一个按钮来删除选择中的所有样式。示例1:选择:Hellothere.Iamaselection会变成:Hellothere.Iamaselection示例2:选择:Iamalink会变成:Iamalink你明白了......我发现了这个有用的函数https://stackoverflow.com/a/3997896/1503476用自定义文本替换当前选择。但是我无法先获取选择的内容并在替换之前删除标签。我该怎么做?

javascript - jquery html() vs empty().append() 性能

我在http://jsperf.com/jquery-html-vs-empty-append-test创建了一个测试用例比较$.html()和$.empty().append()的性能。我想知道.empty().append()更快。​​谁能解释这种性能差距?谢谢。 最佳答案 在你的代码中,$.empty().append()运行得更快,因为你的选择器是错误的,您应该使用var$test=$("#test");而不是var$test=$("test");进行比较。参见DEMOHere.

javascript - mxGraph 可以将图形导出为 PDF 吗?

我正在从事一个使用mxGraph的项目,我需要为服务流程图导出PDF格式的高分辨率输出。我已经尝试使用JGraphX、JavaSwing客户端重新创建图形并将其导出为PDF,但结果与浏览器显示的结果并不接近。客户端没有JavaScript中的PDF导出,mxGraph是否明确支持从JavaScript生成PDF? 最佳答案 我将解释客户端发起请求的情况,当发出请求时,图表会显示在浏览器上。这是标准情况,mxGraph使用自定义图形原语传输图形的XML表示,这些图形在服务器上接收并由Java或.NET后端解码。需要显示图表的原因是某些

javascript - 许多节点的图形算法

我一直在尝试开发一个基于Web的应用程序来帮助绘制节点及其交互的图形。我尝试将Sigma.Js与ForceAtlas扩展一起使用。对于我的简单测试(几个节点),结果非常好看,但是如果增加了1000个节点,结果就会变得一团糟。有没有这样的方法可以使结果更易于查看?(在眼睛上更容易/不仅仅是1个大Blob)我将如何去做呢?是否已经编写了任何算法(我可以实现?) 最佳答案 您可以尝试Fruchterman-Reingold力布局(有一个sigmaplugin)。它特别减少了相互交叉的链接数量,因此它通常更适合大型图(除非所有节点都有很多连